<template>
<div class="page" data-name="public-parking-lot-list">
  <div class="navbar">
    <div class="navbar-inner">
      <div class="left">
        <a href="#" class="link back">
          <i class="f7-icons">chevron_left</i>
        </a>
      </div>
      <div class="title">
      	商品详情
      </div>
      <div class="right">
      </div>
    </div>
  </div>
  <div class="page-content">
		<div class="product-detail-container">
				
		</div>	
  </div>
</div>
</template>


<script>

function productDetailSlide(){
	var slideListRequest = [
	                            {img:"img/f7-icon.png"},
	                            {img:"img/f7-icon.png"}
	                           ];
  	    var slideListTemplate = $$('#productSlideTemplate').html();
  	    var compiledSlideListTemplate = Template7.compile(slideListTemplate);
  	    var innerHTML = compiledSlideListTemplate({slideList:slideListRequest});
  	    $$(".product-detail-container").append(innerHTML);
  	    var swiper = app.swiper.create('.swiper-container', {
  	        speed: 400,
  	        spaceBetween: 0
  	    });
  	    swiper.on('slideNextTransitionEnd', function () {
  	    	if(swiper.isEnd){
  	    		alert("ddd");
  	    	}
  	    });
}


  return {
    data: function () {
    	 var lotBatchListResult = [];
      return {
    	  lotBatchList: lotBatchListResult
      };
    },
  	on:{
  		 pageInit: function () {
  	      	productDetailSlide();
  	      	
  	      	
  	      	
  		 }
  	}
	
  };
</script>
